html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	margin: 0;
	padding: 0 0 50px 0 !important;
	text-align: center;
	background: url(../images/bg.gif) repeat-x #201f1f;
	color: #000000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Arial;
	font-size: 62.5%;
	line-height: 1.8em;
}

a img { border: none; }

.icon {
	padding-left: 24px !important;
	background-repeat: no-repeat !important;
	background-position: 3px 50% !important;
}

.a_icon {
	display: block;
	text-indent: -2000em !important;
	text-align: left;
	width: 25px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.icon_fi { background-image: url(../images/icon_fi.png); }
.icon_no { background-image: url(../images/icon_no.png); }
.icon_se { background-image: url(../images/icon_se.png); }
.icon_en { background-image: url(../images/icon_en.png); }
.icon_ee { background-image: url(../images/icon_ee.png); }
.icon_arrow { background-image: url(../images/icon_arrow_right.png) !important; }

html body div.clear,
html body label.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.hr { /* vaakaviiva */
	clear: both;
	height: 10px;
	border-bottom: 1px solid #555555;
	margin-bottom: 20px;
	clear: both;
}

.hr hr {
	display: none;
}

h2
	{
	margin: 0 0 1.0em 0;
	color: #60b41b;
	font-size: 2.2em;
	clear: both;
	font-family: Tahoma, Verdana, Arial;
	z-index: 10;
	position: relative;
	line-height: 1.2;
	}

P
	{
	margin: 0 0 1.5em 0;
	font-size: 1.2em;
	}

h3
	{
	font-size: 1.4em;
	font-weight: bold;
	color: #000000;
	margin: 0 0 0.75em 0;
	font-family: Tahoma, Verdana, Arial;
	clear: both;
	}

.nega
	{
	margin: 0 5px;
	border-bottom: 1px solid #555555;
	padding-bottom: 5px;
	margin-bottom: 15px;
	}

.nega p, .nega h3
	{
	color: #ffffff !important;
	}

small
	{
	font-size: 90%;
	}

#column h2
	{
	font-size: 1.5em !important;
	}

h4, h5, h6
	{
	font-weight: bold;
	color: #000000;
	margin: 0 0 0.5em 0;
	font-family: Tahoma, Verdana, Arial;
	clear: both;
	font-size: 1.2em;
	}

a
	{
	color: #165e93;
	}
	
a:hover
	{
	text-decoration: none;
	}

.toppaus, .padding
	{
	height: 10px;
	clear: both;
	}

.hide
	{
	display: none;
	}

.ok_box
	{
	clear: both;
	border: 1px solid #60b41b;
	color: #60b41b;
	padding: 20px 25px;
	font-size: 1.4em;
	margin: 0.75em 0 0.75em 0;
	}
	
.error
	{
	border: 1px solid #ff0000 !important;
	}
	
div.error
	{
	color: #ff0000;
	}
	
.column_2 {
	float: left;
	width: 48%;
	magin: 0 3% 20px 0;
}

.last_column, .column_last {
	float: right;
	margin-right: 0;
}

.big-list li {
	display: block;
	list-style-type: none;
	margin-bottom: 5px;
	padding: 5px 8px 5px 18px;
	font-size: 120%;
	float: left;
	width: 274px;
	margin: 0 10px 10px 0;
	background: url(../images/icon_arrow_right.png) no-repeat 8px 50% #f0f0f0;
	white-space: nowrap;
}

#logo
	{
	display: block;
	width: 332px;
	height: 58px;
	padding: 40px 0 0 68px;
	float: left;
	}

#logo a
	{
	display: block;
	height: 58px;
	}
	
#header .slogan {
	float: right;
	color: #ffffff;
	font-weight: bold;
	font-size: 200%;
	font-family: Arial, sans-serif;
	width: 450px;
	height: 134px;
	padding: 60px 40px 0 0;
	text-align: right !important;
	line-height: 1.2;
	text-shadow: 1px 1px 0 #000000;
}

#part-of {
	display: block;
	text-indent: -2000em;
	width: 246px;
	height: 10px;
	position: absolute;
	left: 154px;
	top: 40px;
	background: url(../images/part-of.png) no-repeat;
}

#fiilis
	{
	position: absolute;
	left: 50%;
	top: 67px;
	width: 903px;
	height: 167px;
	margin-left: -452px;
	border-top: 5px solid #ffffff;
	}
	
#a-login {
	position: absolute;
	right: 60px;
	top: 235px;
	text-decoration: none;
	color: #ffffff;
}

#a-login:hover {
	text-decoration: underline;
}

#navi {
	text-align: left;
	clear: both;
}

#navi li
	{
	display: block;
	float: left;
	list-style-type: none;
	}

#navi a
	{
	height: 37px;
	display: block;
	float: left;
	}
	

#nav {
	text-align: left;
	clear: both;
	height: 37px;
	display: block;
	text-align: center;
	white-space: nowrap;
}

#nav li {
	display: inline;
	list-style-type: none;
}

#nav a {
	height: 37px;
	line-height: 37px;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 170%;
	font-family: Arial, sans-serif;
	font-weight: bold;
	padding: 0 10px 0 10px;
	text-shadow: 1px 1px 0 #0f4900;
}

#alanavi
	{
	border-top: 3px solid #201f1f;
	width: 100%;
	float: right;
	}

#alanavi li
	{
	display: block;
	list-style-type: none;
	height: 28px;
	}
	
#alanavi a
	{
	padding: 0 0 0 15px;
	line-height: 28px;
	height: 28px;
	background: url(../images/li_arrow.gif) no-repeat 5px 50%;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #c0c0c0;
	font-size: 1.2em;
	color: #333333;
	}

#alanavi a:hover
	{
	background-color: #f0f0f0;
	}
	
#alanavi a.act
	{
	background: #39ab11;
	color: #ffffff;
	border-bottom: 1px solid #39ab11;
	border-top: 1px solid #39ab11;
	margin-top: -1px;
	}

#nav_3 {
	display: block;
	background: #ffffff;
	border-bottom: 1px solid #62943b;
	height: 26px;
}

#nav_3 li {
	display: block;
	float: right;
	margin-left: 1px;
	background: url(../images/nav_palvelut_right.jpg) no-repeat 100% 0;
}

#nav_3 li a {
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 15px;
	font-size: 125%;
	color: #000000;
	text-decoration: none;
	background: url(../images/nav_palvelut_left.jpg) no-repeat 0 0;
}

#nav_3 li.act {
	background-image: url(../images/nav_palvelut_right_act.png);
	color: #ffffff;
}

#nav_3 li.act a {
	background-image: url(../images/nav_palvelut_left_act.png);
	color: #ffffff;
}

#kielinavi {
	float: right;
	font-size: 120%;
	position: absolute;
	left: 100%;
	top: 15px;
	margin-left: -835px;
	width: 800px;
	text-align: right;
	font-family: Arial, sans-serif;
}

#kielinavi a {
	color: #ffffff;
	padding-right: 8px;
	text-decoration: none;
}

#kielinavi a:hover {
	color: #dddddd;	
}

#kielinavi a img {
	position: relative;
	top: 4px;
	left: 0;
}

#kielinavi a.act {
	color: #FAC600;
	font-weight: bold;	
}

#container
	{
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
	background: #ffffff;
	}

#content
	{
	width: 902px;
	margin: 0 auto 0 auto;
	padding: 25px 0 15px 0;
	}

#main
	{
	width: 625px;
	float: left;
	position: relative;
	}
	
#ajankohtaista
	{
	width: 160px;
	float: right;
	margin: -4px 0 0 20px;
	padding-left: 20px;
	border-left: 1px solid #c0c0c0;
	font-size: 95%;
	line-height: 1.4;
	}
	
#column
	{
	float: right;
	width: 250px;
	}

#tuote_boxit li, #tuote_boxit a
	{
	display: block;
	width: 215px;
	float: right;
	list-style-type: none;
	}
	

form.perus_form
	{
	margin: 0 0 1.5em 0;
	border: 4px solid #dddddd;
	padding: 20px 20px 5px 20px;
	font-size: 110%;
	}

form.perus_form input.input, select, textarea
	{
	border: 1px solid #b0b0b0;
	padding: 3px 4px 3px 4px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 1.0em;
	margin-bottom: 6px;
	width: 375px;
	}

.tilauslomake input.input, .tilauslomake select, .tilauslomake textarea
	{
	border: none !important;
	background: #ffffff;
	}	
	
form.perus_form select
	{
	padding-right: 3px;
	width: 150px;
	}
form.perus_form select option
	{
	padding: 0 5px 0 0;
	}
	
form.perus_form label
	{
	width: 175px;
	margin-bottom: 6px;
	color: #280b09;
	display: block;
	float: left;
	clear: left;
	}
	
.tilauslomake label
	{
	color: #ffffff !important;
	}
	
.tilauslomake .osio
	{
	color: #60b41b !important;
	font-size: 1.0em;
	font-weight: bold;
	font-family: Tahoma !important;
	}
	
.tilauslomake .erotin
	{
	border-bottom: 1px solid #555555;
	height: 15px;
	margin-bottom: 15px;
	}

.tilauslomake .no_focus
	{
	background: #181818 !important;
	color: #ffffff;
	}
	
form.perus_form .submit
	{
	clear: both;
	margin-top: 15px;.
	}

form.perus_form h3
	{
	font-size: 1.2em;
	}

body .tilauslomake h3
	{
	color: #60b41b !important;
	position: static !important;
	}

div.radio
	{
	width: 565px;
	}

.big_radio
	{
	width: 100% !important;
	font-size: 115%;
	}

div.radio {
	padding-bottom: 5px;
}

div.radio label
	{
	display: inline !important;
	float: none !important	
	}

div.radio label.label
	{
	display: block !important;
	float: left !important;
	width: 165px !important;
	}

div.radio input
	{
	margin: 0 4px 0 10px;
	position: relative;
	top: 2px;
	}
	
#footer
	{
	width: 976px;
	margin: 0 auto 0 auto;
	border-top: 5px solid #ffffff;
	margin-top: 7px;
	}

#footer h2
	{
	line-height: 22px;
	}

#footer a
	{
	color: #ffffff;
	text-decoration: none;
	}

#footer a:hover
	{
	color: #ffffff;
	text-decoration: underline;
	}
	
#footer .footer_column
	{
	float: left;
	margin-top: 25px;
	background: url(../images/footer_erotin.gif) repeat-y 100% 0;
	height: 150px;
	}
	
#footer .yhteys
	{
	width: 220px;
	border-left: 33px solid #201f1f;
	text-align: right;
	}

#footer h2
	{
	width: 90%;
	}

#footer .yhteys h2
	{
	margin-top: -8px;
	}

#footer .yhteys ul
	{
	margin-top: -2px;
	}

#footer .yhteys li
	{
	display: block;
	list-style-type: none;
	color: #ffffff;
	padding-right: 45px;
	}

#footer .toimipisteet
	{
	width: 340px;
	text-align: left;
	border-left: 35px solid #201f1f;
	}

#footer .toimipisteet li
	{
	display: block;
	float: left;
	width: 45%;
	list-style-type: none;
	white-space: nowrap;
	}

#footer .pika_navi
	{
	width: 268px;
	border-left: 35px solid #201f1f;
	background: none;
	text-align: left;
	font-size: 95%;
	}

#footer .pika_navi p
	{
	margin-bottom: 0.1em;
	}

#footer .pika_navi label
	{
	color: #ffffff;
	text-align: right;
	display: block;
	font-size: 90%;
	}
	
#footer .pika_navi select
	{
	width: 120px;
	border: none;
	background: #999999;
	color: #000000;
	margin-left: 2px;
	}

#logo_mini
	{
	background: url(../images/logo_mini.gif) no-repeat 0 100%;
	height: 32px;
	}

#logo_mini_eko {
	background: url(../images/logo_mini_eko.png) no-repeat 0 100%;
	height: 32px;
}
	
a.faq
	{
	display: block;
	position: relative;
	top: -1.0em;
	padding-left: 15px;
	font-size: 1.1em;
	float: left;
	clear: left;
	line-height: 1.8em;
	}

#tuoteryhma_linkit li
	{
	display: block;
	float: left;
	width: 300px;
	height: 90px;
	list-style-type: none;
	margin: 0 10px 4px 0;
	}

#tuoteryhma_linkit li.right
	{
	margin-right: 0;
	}

#tuoteryhma_linkit a
	{
	display: block;
	width: 120px;
	height: 47px;
	padding: 43px 13px 0 167px;
	text-align: center;
	text-decoration: none;
	line-height: 1.25;
	color: #ffffff;
	font-size: 130%;
	background-repeat: no-repeat;
	text-shadow: 1px 1px 1px #000000;
	}
	
/*#tuoteryhma_linkit a:hover {
	color: #39AB11;
}*/
	
#linkki_hekiloautot { background-image: url(../images/linkki_henkiloautot.jpg); }
#linkki_pakettiautot { background-image: url(../images/linkki_pakettiautot.jpg); }
#linkki_kuorma-autot { background-image: url(../images/linkki_kuorma-autot.jpg); }
#linkki_traktorit { background-image: url(../images/linkki_traktorit.jpg); }

body .tuoteryhma_linkit_no_margin li {
	margin: 0 !important;
}

#accordion h4 {
	display: block;
	margin: -14px 0 15px 0;
	font-weight: normal;
}

#accordion h4 a {
	display: block;
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	-moz-border-radius: 8px;
	padding: 3px 6px;
	text-decoration: none;
	background-position: 12px 50% !important
}

#accordion h4 a:hover {
	background-color: #ffffff;	
}

.toimipiste {
	float: left;
	width: 30%;
	margin: 0 3% 10px 0;
	line-height: 1.4;
}

.toimipiste h3
	{
	margin: 0;
	}

.toimipiste h5
	{
	font-size: 120%;
	color: #60b41b;
	margin-left: 15px;
	}

.toimipiste ul
	{
	margin: 0 0 1.5em 0;
	margin-left: 15px;
	}

.toimipiste li
	{
	list-style-type: none;
	font-size: 110%;
	}

.toimipiste li.rako
	{
	height: 0.50em;
	}

.toimipisteet_palsta
	{
	width: 47%;
	margin-right: 2%;
	float: left;
	}
	
.info
	{
	color: #555555;
	}
	
.box
	{
	width: 214px;
	background: url(../images/box_top.gif) no-repeat 50% 0 #d9d9d9;
	}
	
.box_bottom
	{
	background: url(../images/box_bottom.gif) no-repeat 100% 100%;
	padding: 15px 20px 1px 20px;
	}

div.merkit
	{
	width: 100%;
	background: url(../images/logo_box_henkiloautot.jpg) no-repeat 0 0 #181818;
	margin: 0 0 1.0em 0;
	}
	
.henkiloautot { background-image: url(../images/logo_box_henkiloautot.jpg) !important; }
.pakettiautot { background-image: url(../images/logo_box_pakettiautot.jpg) !important; }
.kuorma-autot { background-image: url(../images/logo_box_kuorma-autot.jpg) !important; }
.traktorit { background-image: url(../images/logo_box_traktorit.jpg) !important; }
	
div.merkit h3 {
	position: absolute;
	left: 190px;
	top: 47px;
	color: #ffffff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, Verdana, Arial !important;
	font-weight: normal;
}

.wide { background-image: url(../images/logo_box_wide.gif) !important; }	
	
div.merkit_bottom
	{
	background: url(../images/logo_box_bottom.gif) no-repeat 100% 100%;
	padding: 100px 30px 20px 30px;
	}

.wide .merkit_bottom
	{
	background-image: url(../images/logo_box_bottom_wide.gif);
	padding: 45px 30px 30px 30px !important;
	}

TABLE.merkkilogo
	{
	clear: both;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	}

TABLE.merkkilogo td
	{
	background: #181818;
	vertical-align: middle;
	padding: 6px 0 6px 4px;	
	}

TABLE.merkkilogo td a
	{
	font-size: 120%;
	color: #60b41b;	
	}

TABLE.merkkilogo td.logo
	{
	text-align: center;
	width: 15%;
	}
	
TABLE.merkkilogo td.logo_linkki
	{
	width: 18%;
	}

.kanta
	{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	width: 100%;
	clear: both;
	}

.kanta td
	{
	padding: 4px 4px 4px 4px;
	vertical-align: top;
	font-size: 1.1em;
	border-bottom: 1px solid #333333;
	color: #ffffff;
	}

.kanta td.erotin
	{
	height: 35px;
	border: none;
	}

.kanta .tilaa
	{
	width: 37px;
	vertical-align: middle;
	padding: 4px 0 4px 5px;
	border-left: 1px solid #333333;
	}

.sarja
	{
	font-size: 1.6em !important;
	color: #60b41b !important;
	border-bottom: 4px solid #60b41b !important;
	}
	
td.kentta
	{
	background-color: #333333;
	font-size: 1.2em;
	}

td.kantaeko
	{
	color: #60b41b;
	}
	
td.kantavoima
	{
	color: #e21b00;
	}
	
.tuote_polku
	{
	float: left;
	width: 47%;	
	color: #ffffff !important;
	font-size: 140%;
	}
	
.tuote_polku a
	{
	color: #ffffff;
	}

.symbolit
	{
	float: left;
	width: 20%;
	font-size: 110%;
	}

.symbolit a
	{
	color: #ffffff !important;
	background: url(../images/icon_symbolit.gif) no-repeat 0 50%;
	padding-left: 20px;
	}

.tilaus_header
	{
	color: #ffffff !important;
	height: 75px;
	font-size: 150%;
	}

.pika_menu
	{
	float: right;
	width: 32%;
	white-space: nowrap;
	}

.pika_menu select
	{
	width: 200px;
	float: left;
	}
	
.pika_menu input
	{
	float: left;
	margin-left: 10px;
	}	
	
#newsimages a {
	display: block;
	float: left;
	margin: 0 10px 10px 0;	
}